<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>jQuery和HTML之多选切换</title>
    <script src="./../lib/jquery-3.7.0.min.js"></script>
</head>
<body>
<label>
    姓名：
    <input type="text">
</label><br>
<label>
    密码：
    <input type="text">
</label><br>
<label>
    <input type="checkbox">保存密码
</label>
<label>
    <input type="checkbox">自动登录
</label><br>
<button>登录</button>
<a href="https://www.baidu.com/">注册</a>
<script>
    $(function () {
        let inputs = $("input");
        inputs.eq(3).click(function () {
            let is_login = inputs.eq(3).is(":checked");
            if (is_login) {
                inputs.eq(2).prop("checked", true);
            }
        });

        inputs.eq(2).click(function () {
            let is_password = inputs.eq(2).is(":checked");
            if (!is_password) {
                inputs.eq(3).prop("checked", false);
            }
        })
    })
</script>
</body>
</html>